<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <link rel="stylesheet" href="../../css/mobile_reset.css?v=1497543218">
    <link rel="stylesheet" href="../../css/mui.css?v=1497543218">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../css/bank/app.css" />
    <link href="../../css/bank/mui.picker.min.css" rel="stylesheet" />
    <link href="../../css/bank/mui.poppicker.css" rel="stylesheet" />


    <link rel="stylesheet" href="../../css/modal_alert.css?v=1497543218">
    <link rel="stylesheet" href="../../css/bank/add_bankCard.css?v=1497543218">
    <title>添加银行卡</title>
    
    <script>
    (function() {
        document.addEventListener('DOMContentLoaded', function() {
            var html = document.documentElement;
            var windowWidth = html.clientWidth;
            html.style.fontSize = windowWidth / 7.5 + 'px';
            // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
        }, false);
    })();

    // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
    // 那么 html.
    </script>
</head>

<body>
<!--<header id="header_nav"></header>-->
    <section class="add_bankCard">
        <input type="number" id="banknum" placeholder="银行卡号" required="required">
        <input type="text" class="mui-btn mui-btn-block"  id="selectbank" placeholder="选择银行" required="required">
        <input type="text" class="mui-btn mui-btn-block"   id="selectbankcity" placeholder="选择省市" required="required">
        <input type="text" id="name" placeholder="开户人姓名" required="required">
        <input type="text" id="branchbank" placeholder="开户支行名称" required="required">
        <input type="number" id="phone" placeholder="开户预留手机号" required="required">
    </section>
    <section class="tips container">注意：<br>
1、银行卡一旦绑定不能修改和删除，请认真填写；
2、开户支行名称不清楚的可以去对应的银行官网，进行网点查询核对；
3、如果您填写的银行卡账号信息不正确，可能无法成功返款，平台不承担由此产生的一切费用。

    </section>

    <!-- 可以提现状态，class加一个 selected即可-->
    <section class="commit selected" id="addsubmit"><a href="#">添加绑定</a></section>
    
 <div class="modal_box" style="display:none">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
           <!-- <img class="close" src="/images/tc_icon_off_default.png" alt=""></p>-->
        <p class="main">确认提交？</p>
        <p class="btns">
            <input class="ok" type="button" value="确定">
            <input class="close" type="button" value="取消">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>
    
</body>
<script> var _hmt = _hmt || [];(function() {var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?73046f18e9201a9fb38a6900a362aaab";
var s =document.getElementsByTagName("script")[0];   s.parentNode.insertBefore(hm, s);})();</script>
<script src="../../js/jquery-1.10.2.min.js?v=1497543218"></script>
<script src="../../js/mui.min.js?v=1497543218"></script>


<script src="../../js/bank/mui.picker.js"></script>
<script src="../../js/bank/mui.poppicker.js"></script>
<script src="../../js/bank/bankData.js" type="text/javascript" charset="utf-8"></script>



<script src="../../js/fastclick.js?v=1497543218"></script>
<script src="../../js/bank/add_bankCard.js?v=1497543218"></script>
<script src="../../js/bank/bankAlert.js?v=1497543218 "></script>
<script src="../../js/test.js?v=1497543218"></script>



<script>
	$(function(){
        $("select").change(function(){
        	$("select").val() == 0 ? $("select").css('opacity', '0') : $("select").css('opacity', '1');

        });
    })
</script>

<script>
    (function($, doc) {
        var data = {};
        $.init();
        $.ready(function() {
            //---------------省市--------------------------
            //级联示例
            var cityPicker = new $.PopPicker({
                layer: 2
            });
            mui.ajax('province_city.json',{
                data:{},
                dataType:'json',
                type:'post',
                timeout:10000,
                success:function(ret){
                    console.log(iterator(ret.data));
                    cityPicker.setData(iterator(ret.data));
                    var showCityPickerButton = doc.getElementById('selectbankcity');
                    showCityPickerButton.addEventListener('tap', function(event) {
                        cityPicker.show(function(items) {
                            showCityPickerButton.value =  items[0].text + " " + items[1].text;
                            data["cityid"]=JSON.stringify(items[1].value);
                            alert(JSON.stringify(items[1].value));
                            //返回 false 可以阻止选择框的关闭
                            //return false;
                            console.log(data);
                        });
                    }, false);
                },
                error:function(){
                }
            });
            //---------------银行--------------------------
            //级联示例
            var cityPicker2 = new $.PopPicker({
                layer: 2
            });

            mui.ajax('bankname.json',{
                data:{},
                dataType:'json',
                type:'post',
                success:function(ret){
                    cityPicker2.setData(bankname(ret.data));
                    var showBankPickerButton = doc.getElementById('selectbank');
                    showBankPickerButton.addEventListener('tap', function(event) {
                        cityPicker2.show(function(items) {
                            showBankPickerButton.value = items[1].text;
                            data["bandid"]=JSON.stringify(items[1].value);
                            alert(JSON.stringify(items[1].value));
                            //返回 false 可以阻止选择框的关闭
                            //return false;
                            console.log(data);
                        });
                    }, false);

                },
                error:function(){}
            });
        });
    })(mui, document);
</script>

</html>
